import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'element-react';
import 'element-theme-default';

import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom'

import MusicHome from './Pages/musichome';
import MeMusic from './Pages/memusic';
import Header from './Components/header';
import Footer from './Components/footer';
import Album from './Pages/zj'
import Toplist from './Pages/list'
import Singers from './Pages/singers'
import Songdetail from './Pages/songdetail'
import './styles/animate.css';
import './styles/index.css';
import './styles/login.css';
import './styles/album.css';
import './styles/toplist.css'
import './styles/singer.css';
import './styles/songdetail.css';


class Index extends React.Component {
    render(){
        return (
              <Router>
                <div>
                    <Header/> 
                  <Route exact path="/" component={MusicHome}/>
                  <Route path="/memusic" component={MeMusic}/>
                  <Route path="/album" component={Album}/>
                  <Route path="/singers" component={Singers}/>
                  <Route path="/toplist" component={Toplist}/>
                  <Route path="/songdetail" component={Songdetail}/>
                  <Footer/>
                </div>
            </Router>
        )
    }

}


ReactDOM.render(<Index/>,document.getElementById('app'));